<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Fetch</title>
</head>

<body>
    <script type="text/javascript">
        /*
        Fetch API 调用接口传递参数
        */

        // GET参数传递-传统URL
        // fetch('http://localhost:3000/books?id=123', {
        //     method: 'get'
        // }).then(function (data) {
        //     // 返回Promise对象
        //     return data.text();
        // }).then(function (data) {
        //     // 打印参数
        //     console.log(data);
        // });

        // GET参数传递-restful形式的URL
        // fetch('http://localhost:3000/books/123', {
        //     method: 'get'
        // }).then(function (data) {
        //     // 返回Promise对象
        //     return data.text();
        // }).then(function (data) {
        //     // 打印参数
        //     console.log(data);
        // });

        // DELETE请求方式参数传递      删除id
        // fetch('http://localhost:3000/books/456/George', {
        //     method: 'delete'
        // }).then(function (data) {
        //     // 返回Promise对象
        //     return data.text();
        // }).then(function (data) {
        //     // 打印参数
        //     console.log(data);
        // });

        // POST请求传参(字符串)
        // fetch('http://localhost:3000/books', {
        //     method: 'post',
        //     body: 'username=George&pwd=123',
        //     headers: {
        //         'Content-Type': 'application/x-www-form-urlencoded'
        //     }
        // }).then(function (data) {
        //     // 返回Promise对象
        //     return data.text();
        // }).then(function (data) {
        //     // 打印参数
        //     console.log(data);
        // });

        // POST请求传参(JSON对象)
        // fetch('http://localhost:3000/books', {
        //     method: 'POST',
        //     body: JSON.stringify({
        //         username: 'George',
        //         pwd: '456'
        //     }),
        //     headers: {
        //         'Content-Type': 'application/json'
        //     }
        // }).then(function (data) {
        //     // 返回Promise对象
        //     return data.text();
        // }).then(function (data) {
        //     // 打印参数
        //     console.log(data);
        // });

        // PUT请求传参
        fetch('http://localhost:3000/books/666', {
            method: 'put',
            body: JSON.stringify({
                username: 'George',
                pwd: '999'
            }),
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(function (data) {
            // 返回Promise对象
            return data.text();
        }).then(function (data) {
            // 打印参数
            console.log(data);
        });
    </script>
</body>

</html>